$netpink: #FA7198;
.totalRecommond {
    height: 20%;
    padding-top: 1rem;
    margin-bottom: .6rem;
    > img {
        vertical-align: middle;
        margin-left: .5rem;
    }
    .recommond {
        margin-left: .5rem;
    }
    .ranking {
        float: right;
        margin-right: .98rem;
    }
}
.show-content {
    width: 100%;
    position: relative;
    padding: {
        left: 3.33%;
    }
    .col-xs-6 {
        width: 44%;
        float: left;
        position:relative;
    }
    .showItem {
        padding: {
        }
        height: 17.5rem;
        margin-right: 3.33%;
        margin-bottom: 5%;
        background-color: white;
        border-radius: 3px;
        border:1px solid #f2f2f2;
        display: flex;
        flex-direction: column;
        > img {
            width: 100%;
            height: 60%;
            background-size: cover;
        }
        .showInfo {
            margin-top: .5rem;
            .showTag {
                color: $netpink;
            }
            .showTitle {
            }
            .showUser {
                position: absolute;
                bottom: 0;
                width: 100%;
                display: flex;
                align-content: center;
                .showAuthor {
                    flex: 1;
                    color: #9c9c9c;                   
                }
                .fa-eye {
                        color: #c1c1c1;
                }
                .showNum {
                    float: right;
                    right: .6rem;
                    color: #c1c1c1;
                }

            }
        }
    }
}
